<!--一本二手书-->
<a class="thumbnail"
   popover-popup-delay="800"
   popover-trigger="mouseenter"
   popover-placement="{{popoverPlacement}}"
   popover-append-to-body="true"
   popover-template="'html/directive/one-used-book-popover.html'"
   ui-sref="book.one-used-book({usedBookAvosObjectId:usedBook.id})">
    <img style="height: 250px" class="img-responsive" ng-src="{{usedBook.attributes.bookInfo.attributes.bigImage}}">

    <div class="caption">
        <h5 style="white-space: nowrap;overflow: hidden;text-align: center"
            ng-bind="usedBook.attributes.bookInfo.attributes.title"></h5>
    </div>
    <button style="border: none;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.7);font-size: xx-large"
            ng-if="!usedBook.attributes.alive">
        <span ng-if="usedBook.attributes.role==='sell'">已卖</span>
        <span ng-if="usedBook.attributes.role==='need'">已买</span>
        <span ng-if="usedBook.attributes.role==='circle'">已送</span>
    </button>
</a>